<template>
  <header id="grey-header">{{ title }}<slot></slot></header>
</template>

<script>
  export default {
    name: "grey-header",
    props: ['title']
  }
</script>

<style scoped lang="scss">


  #grey-header {
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #999;
    padding: $public-form-padding;
    background: #f5f5f5;

    &.tips {
      color: #0097ff;
    }
  }
</style>
